@font-face {
  font-family: qtum;
  src: url(/user/themes/qtumv4/build/fonts/qtum.ttf?c25c0a1e) format("truetype"), url(/user/themes/qtumv4/build/fonts/qtum.woff?298577ca) format("woff"), url(/user/themes/qtumv4/build/fonts/qtum.svg?9197d917#qtum) format("svg");
  font-weight: 400;
  font-style: normal
}

.qtum-icon {
  font-family: qtum !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2.5em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.qtum-icon-play-2:before {
  content: "\e92d"
}

.qtum-icon-wallet-mobile:before {
  content: "\e929"
}

.qtum-icon-wallet-web:before {
  content: "\e92a"
}

.qtum-icon-wallet-hardware:before {
  content: "\e92b"
}

.qtum-icon-wallet-pc:before {
  content: "\e92c"
}

.qtum-icon-video-guide:before {
  content: "\e923"
}

.qtum-icon-explorer:before {
  content: "\e924"
}

.qtum-icon-docs:before {
  content: "\e925"
}

.qtum-icon-i18n:before {
  content: "\e926"
}

.qtum-icon-electrum:before {
  content: "\e927"
}

.qtum-icon-web-wallet:before {
  content: "\e928"
}

.qtum-icon-play:before {
  content: "\e922"
}

.qtum-icon-developer-docs:before {
  content: "\e916"
}

.qtum-icon-developer-tools:before {
  content: "\e917"
}

.qtum-icon-bounty-bugs:before {
  content: "\e918"
}

.qtum-icon-bounty-tests:before {
  content: "\e919"
}

.qtum-icon-bounty-dapp:before {
  content: "\e91a"
}

.qtum-icon-bounty-more:before {
  content: "\e91b"
}

.qtum-icon-more-nodes:before {
  content: "\e91c"
}

.qtum-icon-wallet-ecology:before {
  content: "\e91d"
}

.qtum-icon-basic-development:before {
  content: "\e91e"
}

.qtum-icon-dgp-contract:before {
  content: "\e91f"
}

.qtum-icon-aal:before {
  content: "\e920"
}

.qtum-icon-x86:before {
  content: "\e921"
}

.qtum-icon-utxo-model:before {
  content: "\e90d"
}

.qtum-icon-smart-contract:before {
  content: "\e913"
}

.qtum-icon-prove-of-stake:before {
  content: "\e914"
}

.qtum-icon-value-transfer:before {
  content: "\e915"
}

.qtum-icon-wechat:before {
  content: "\e901"
}

.qtum-icon-weibo:before {
  content: "\e902"
}

.qtum-icon-qq:before {
  content: "\e903"
}

.qtum-icon-line:before {
  content: "\e904"
}

.qtum-icon-video-qq:before {
  content: "\e905"
}

.qtum-icon-github:before {
  content: "\e906"
}

.qtum-icon-twitter:before {
  content: "\e907"
}

.qtum-icon-facebook:before {
  content: "\e908"
}

.qtum-icon-reddit:before {
  content: "\e909"
}

.qtum-icon-telegram:before {
  content: "\e90a"
}

.qtum-icon-slack:before {
  content: "\e90b"
}

.qtum-icon-youtube:before {
  content: "\e90c"
}

.qtum-icon-forum:before {
  content: "\e911"
}

.qtum-icon-announcement:before {
  content: "\e900"
}

.qtum-icon-github-o:before {
  content: "\e90e"
}

.qtum-icon-slack-o:before {
  content: "\e90f"
}

.qtum-icon-forum-o:before {
  content: "\e910"
}

.qtum-icon-angle-right {
  font-size: 1em
}

.qtum-icon-angle-right:before {
  content: "\e912"
}

.qtum-icon-angle-left {
  display: inline-block;
  font-size: 1em;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.qtum-icon-angle-left:before {
  content: "\e912"
}

@font-face {
  font-family: Poppins-Medium;
  src: url(/user/themes/qtumv4/build/fonts/Poppins-Medium.eot?1f3c3d6e);
  src: url(/user/themes/qtumv4/build/fonts/Poppins-Medium.woff2?1837470b) format("woff2"), url(/user/themes/qtumv4/build/fonts/Poppins-Medium.woff?883b6042) format("woff"), url(/user/themes/qtumv4/build/fonts/Poppins-Medium.ttf?c0acc033) format("truetype"), url(/user/themes/qtumv4/build/fonts/Poppins-Medium.svg?b2c1b14c#Poppins-Medium) format("svg"), url(/user/themes/qtumv4/build/fonts/Poppins-Medium.eot?1f3c3d6e?#iefix) format("embedded-opentype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: TitilliumText14L;
  src: url(/user/themes/qtumv4/build/fonts/TitilliumText14L-400wt.eot?f4193a82);
  src: url(/user/themes/qtumv4/build/fonts/TitilliumText14L-400wt.woff2?db8788f6) format("woff2"), url(/user/themes/qtumv4/build/fonts/TitilliumText14L-400wt.woff?28c25e32) format("woff"), url(/user/themes/qtumv4/build/fonts/TitilliumText14L-400wt.ttf?7110ea31) format("truetype"), url(/user/themes/qtumv4/build/fonts/TitilliumText14L-400wt.svg?4d2c15d5#TitilliumText14L-400wt) format("svg"), url(/user/themes/qtumv4/build/fonts/TitilliumText14L-400wt.eot?f4193a82?#iefix) format("embedded-opentype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Proxima Nova;
  src: url(/user/themes/qtumv4/build/fonts/proximanova-light.woff2?cbf4da7d) format("woff2"), url(/user/themes/qtumv4/build/fonts/proximanova-light.woff?38954eb8) format("woff"), url(/user/themes/qtumv4/build/fonts/proximanova-light.otf?de54aa2c) format("opentype");
  font-weight: 300;
  font-style: normal
}

html {
  font-size: 16px
}

@media (max-width:768px) {
  html {
    font-size: 14px
  }
}

body {
  overflow-x: hidden;
  font-family: Proxima Nova, open sans, helvetica neue, Helvetica, arial, sans-serif;
  font-weight: 300
}

body.home .wrapper {
  padding-top: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Poppins-Medium, TitilliumText14L, sans-serif
}

a,
a:hover {
  color: #1299df;
  text-decoration: none
}

img {
  max-width: 100%
}

.wrapper {
  padding-top: 70px
}

@media (max-width:992px) {
  .container.wide {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%
  }
}

@media (min-width:992px) {
  .container.wide {
    max-width: 100%;
    padding-left: 120px;
    padding-right: 120px
  }
}

@media (min-width:1600px) {
  .container.wide {
    padding-left: 150px;
    padding-right: 150px
  }
}

.container.narrow {
  max-width: 720px
}

body.home header.transparent:not(.collapsed) {
  background-color: transparent;
  border-bottom-color: transparent;
  color: #fff
}

body.home header.transparent:not(.collapsed) .logo {
  background-image: url(/user/themes/qtumv4/build/fonts/header-logo-white.svg?8cd5f2dc)
}

body.home header.transparent:not(.collapsed) .navs li.active>a,
body.home header.transparent:not(.collapsed) .navs li>a {
  color: #fff !important
}

@media (max-width:768px) {
  body.home header.transparent:not(.collapsed) .navs li a {
    color: #fff
  }
}

body.home header.transparent:not(.collapsed) .navbar .navbar-toggler .bar,
header {
  background-color: #fff
}

header {
  position: fixed;
  z-index: 9999;
  width: 100%;
  border-bottom: 1px solid #eee
}

header .navbar .navbar-toggler {
  border: none;
  width: 40px;
  height: 40px;
  position: relative;
  padding: 0;
  outline: none
}

header .navbar .navbar-toggler .bar {
  position: absolute;
  width: 21px;
  height: 2px;
  background-color: #000;
  left: 9.5px;
  transition: all .3s ease-in
}

header .navbar .navbar-toggler .bar.first-bar {
  top: 12px;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

header .navbar .navbar-toggler .bar.second-bar {
  top: 19px;
  -webkit-transform: scale(0);
  transform: scale(0)
}

header .navbar .navbar-toggler .bar.last-bar {
  top: 26px;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

header .navbar .navbar-toggler.collapsed .bar.first-bar {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

header .navbar .navbar-toggler.collapsed .bar.second-bar {
  -webkit-transform: scale(1);
  transform: scale(1)
}

header .navbar .navbar-toggler.collapsed .bar.last-bar {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

@media (min-width:992px) {
  header nav {
    height: 70px
  }
}

header .logo {
  background-image: url(/user/themes/qtumv4/build/fonts/header-logo.svg?e05eb137);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: auto 36px;
  padding-left: 160px;
  color: #1299df !important;
  font-size: 44px;
  text-indent: -9999px
}

@media (min-width:992px) {
  header .navs>li {
    padding: 20px 0
  }
}

@media (max-width:992px) {
  header .navs>li a {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px
  }

  header .navs>li div.dropdown-menu {
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent
  }

  header .navs>li div.dropdown-menu a i {
    margin-right: 10px
  }
}

header .navs>li.dropdown a.dropdown-toggle i {
  display: inline-block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s
}

header .navs>li.dropdown.show a.dropdown-toggle i {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

header .navs>li:last-child {
  margin-right: 0 !important
}

header .navs a {
  color: #02030b
}

header .navs a:hover {
  color: #1299df !important
}

header .navs a.dropdown-toggle {
  outline: none
}

header .navs a.dropdown-toggle:after {
  display: none;
  border: none
}

header .navs li.active>a {
  color: #1299df !important
}

@media (min-width:992px) {
  header .navs div.dropdown-menu {
    top: 54px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 0;
    white-space: nowrap;
    border-top: 2px solid #1299df;
    box-shadow: 0 0 5px rgba(154, 177, 188, .5);
    padding: 0
  }

  header .navs div.dropdown-menu a {
    color: #02030b;
    border-bottom: 1px solid #f6f8f9;
    transition: padding .3s ease-in;
    display: block;
    padding: 10px 20px;
    position: relative
  }

  header .navs div.dropdown-menu a:hover {
    color: #1299df;
    padding-left: 35px
  }

  header .navs div.dropdown-menu a:hover i {
    display: inline
  }

  header .navs div.dropdown-menu a:last-child {
    border-bottom: none
  }

  header .navs div.dropdown-menu a i {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
  }
}

footer {
  background-color: #001a3b;
  font-weight: 200
}

footer,
footer a {
  color: #f6f8f9
}

footer a:hover {
  color: #c8d4da
}

footer hr {
  border-color: hsla(0, 0%, 50.2%, .3)
}

footer .footer-links {
  padding: 68px 0
}

@media (max-width:768px) {
  footer .footer-links {
    padding: 32px 15px
  }
}

footer .footer-links h4 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 16px
}

footer .footer-links i.qtum-icon {
  display: inline-block;
  width: 16px;
  text-align: center;
  color: #1299df
}

footer .footer-links a {
  display: block;
  margin-bottom: 10px
}

footer .footer-links a:hover i.qtum-icon {
  -webkit-animation-name: headShake;
  animation-name: headShake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}

footer .footer-links a.hover-image {
  position: relative
}

footer .footer-links a.hover-image img {
  position: absolute;
  width: 400px;
  bottom: 0;
  right: 0;
  display: none
}

footer .footer-links a.hover-image:hover img {
  display: inline
}

@media (max-width:768px) {
  footer .footer-links {
    padding: 30px 0 0
  }

  footer .footer-links .footer-links-category {
    margin-bottom: 30px
  }

  footer .footer-links a.hover-image img {
    left: -15px;
    width: 100vw
  }
}

footer .footer-community {
  padding: 68px 0 48px
}

@media (max-width:768px) {
  footer .footer-community {
    padding: 32px 15px
  }
}

footer .footer-community form {
  overflow: hidden
}

footer .footer-community form button,
footer .footer-community form input {
  outline: none;
  border: none;
  display: inline-block;
  float: left;
  border-radius: 0
}

footer .footer-community form .form-label {
  display: none
}

footer .footer-community form input {
  padding: 10px;
  width: 60%
}

footer .footer-community form button {
  padding: 10px 22px;
  color: #fff;
  background-color: #1299df;
  text-align: center;
  cursor: pointer
}

footer .footer-community form button[disabled] {
  cursor: default;
  background-color: #35afef
}

footer .footer-community .follow-us a {
  margin-bottom: 20px;
  transition: all .25s ease-in;
  position: relative
}

footer .footer-community .follow-us a:before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  display: inline-block;
  border-radius: 50%;
  transition: all .25s ease-in;
  z-index: -1
}

footer .footer-community .follow-us a:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

footer .footer-community .follow-us a:hover.follow-us-github {
  color: #000
}

footer .footer-community .follow-us a:hover.follow-us-slack {
  color: #f30860
}

footer .footer-community .follow-us a:hover.follow-us-twitter {
  color: #5dc1f4
}

footer .footer-community .follow-us a:hover.follow-us-facebook {
  color: #415893
}

footer .footer-community .follow-us a:hover.follow-us-reddit {
  color: #ec4e25
}

footer .footer-community .follow-us a:hover.follow-us-telegram {
  color: #5fbff3
}

footer .footer-community .follow-us a:hover.follow-us-wechat {
  color: #00af57
}

footer .footer-community .follow-us a:hover.follow-us-weibo {
  color: #ea0000
}

footer .footer-community .follow-us a:hover.follow-us-qq {
  color: #0097dc
}

footer .footer-community .follow-us a:hover.follow-us-line {
  color: #08b700
}

footer .footer-community .follow-us a:hover.follow-us-youtube {
  color: #e4362b
}

footer .footer-community .follow-us a:hover.follow-us-video-qq {
  color: #ff7f00
}

footer .footer-community .follow-us a:hover.follow-us-forum {
  color: #1299df
}

footer .footer-community .follow-us a:hover:before {
  background-color: #fff
}

footer .copyright {
  padding: 15px 0;
  background-color: #00112a
}

@media (max-width:768px) {
  section.section {
    padding: 20px 15px
  }

  section.section.section-banner {
    padding: 0
  }

  section.section.section-banner .banner-cover {
    padding: 20px 15px
  }
}

section.section .section-title {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0
}

@media (max-width:768px) {
  section.section .section-title {
    font-size: 18px
  }
}

section.section .section-title small {
  font-size: 14px
}

section.section .blue-line {
  width: 22px;
  height: 2px;
  background-color: #1299df;
  margin: 15px auto
}

section.section.section-banner {
  position: relative;
  z-index: 99;
  background-color: #1299df;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff
}

section.section.section-banner .banner-cover {
  background-color: rgba(18, 153, 223, .85)
}

section.section.section-banner .container {
  min-height: 20vw
}

section.section.section-banner .section-title {
  text-align: left
}

section a {
  color: #1299df
}

section a.button {
  background-color: #1299df;
  color: #fff;
  padding: 10px 22px;
  display: inline-block;
  min-width: 200px;
  text-align: center;
  transition: all .2s linear;
  border-radius: 4px
}

section a.button:hover {
  background-color: #35afef
}

section a.button.transition:hover {
  background-color: #fff;
  color: #1299df
}

section .button-grey-border {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px 10px
}

section .icon {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain
}

section .icon-protocol {
  background-image: url(/user/themes/qtumv4/build/images/protocol.png?7504fce7)
}

section .icon-voting {
  background-image: url(/user/themes/qtumv4/build/images/voting.png?39ba9eae)
}

section .icon-prove {
  background-image: url(/user/themes/qtumv4/build/images/prove.png?8762d79b)
}

section .icon-governance {
  background-image: url(/user/themes/qtumv4/build/images/governance.png?f0a39392)
}

section .icon-more-nodes {
  background-image: url(/user/themes/qtumv4/build/images/more-nodes.png?284a00af)
}

section .icon-wallet-ecology {
  background-image: url(/user/themes/qtumv4/build/images/wallet-ecology.png?27801a01)
}

section .icon-basic-development {
  background-image: url(/user/themes/qtumv4/build/images/basic-development.png?0969c1a0)
}

section .icon-dgp-contract {
  background-image: url(/user/themes/qtumv4/build/images/dgp-contract.png?adfe099d)
}

section .icon-aal {
  background-image: url(/user/themes/qtumv4/build/images/aal.png?03deacd8)
}

section .icon-x86 {
  background-image: url(/user/themes/qtumv4/build/images/x86.png?49be903e)
}

section .icon-wallet-pc {
  background-image: url(/user/themes/qtumv4/build/images/wallet-pc.png?01451225)
}

section .icon-wallet-mobile {
  background-image: url(/user/themes/qtumv4/build/images/wallet-mobile.png?1d30cd8f)
}

section .icon-wallet-web {
  background-image: url(/user/themes/qtumv4/build/images/wallet-web.png?032c4a58)
}

section .icon-wallet-hardware {
  background-image: url(/user/themes/qtumv4/build/images/wallet-hardware.png?e0d6027d)
}

section .icon-avatar {
  background-image: url(/user/themes/qtumv4/build/images/avatar.png?da1188bd)
}

section .icon-developer-docs {
  background-image: url(/user/themes/qtumv4/build/images/developer-docs.png?1269012c)
}

section .icon-developer-tools {
  background-image: url(/user/themes/qtumv4/build/images/developer-tools.png?896c060f)
}

section .icon-bounty-bugs {
  background-image: url(/user/themes/qtumv4/build/images/bounty-bugs.png?44ff09f7)
}

section .icon-bounty-dapp {
  background-image: url(/user/themes/qtumv4/build/images/bounty-dapp.png?299e61d5)
}

section .icon-bounty-docs {
  background-image: url(/user/themes/qtumv4/build/images/bounty-docs.png?3b3648fe)
}

section .icon-bounty-electrum {
  background-image: url(/user/themes/qtumv4/build/images/bounty-electrum.png?1e49a206)
}

section .icon-bounty-explorer {
  background-image: url(/user/themes/qtumv4/build/images/bounty-explorer.png?658a6f09)
}

section .icon-bounty-i18n {
  background-image: url(/user/themes/qtumv4/build/images/bounty-i18n.png?546fee0d)
}

section .icon-bounty-more {
  background-image: url(/user/themes/qtumv4/build/images/bounty-more.png?63a026ed)
}

section .icon-bounty-tests {
  background-image: url(/user/themes/qtumv4/build/images/bounty-tests.png?92355a9b)
}

section .icon-bounty-video-guide {
  background-image: url(/user/themes/qtumv4/build/images/bounty-video-guide.png?6a7288a3)
}

section .icon-bounty-web-wallet {
  background-image: url(/user/themes/qtumv4/build/images/bounty-web-wallet.png?67482c1e)
}

section.white-color a {
  color: #fff
}

section.home-banner {
  height: 100vh;
  color: #fff;
  position: relative;
  z-index: 98;
  background-color: #1299df
}

section.home-banner .home-banner-container {
  background-color: rgba(18, 153, 223, .6)
}

@media (max-width:768px) {
  section.home-banner {
    padding: 0
  }

  section.home-banner .home-banner-container {
    padding: 20px 15px
  }
}

section.home-banner .home-banner-button {
  cursor: pointer;
  border: 1px solid #fff;
  box-shadow: 0 0 0 .5px #fff;
  padding: 10px 22px;
  min-width: 160px;
  text-align: center;
  background-color: transparent;
  transition: all .3s ease-in;
  border-radius: 4px
}

section.home-banner .home-banner-button.video,
section.home-banner .home-banner-button:hover {
  background-color: #fff;
  color: #1299df
}

section.home-banner .home-banner-button i.qtum-icon {
  font-size: 1.2em;
  vertical-align: middle;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear;
  display: inline-block
}

section.home-banner .home-banner-button:hover i.qtum-icon {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn)
}

section.home-announcements {
  height: 48px;
  color: #fff;
  background-color: #008fd5
}

@media (max-width:768px) {
  section.home-announcements {
    padding: 0 15px
  }
}

section.home-announcements .latest-announcements {
  overflow: hidden
}

section.home-announcements .latest-announcements .latest-announcement {
  height: 48px
}

section.home-announcements .latest-announcements a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

section.home-announcements .latest-announcements span.split {
  margin-left: 15px;
  margin-right: 15px
}

section.home-announcements .latest-announcements span.split:after {
  content: "/"
}

section.home-announcements .qtum-icon-right-arrow {
  font-size: .8em
}

section.home-announcements .qtum-icon-announcement,
section.home-announcements a.more {
  flex: 1
}

section.home-announcements .qtum-icon-announcement {
  font-size: 1.1em
}

section.home-intro {
  color: #777;
  padding: 68px 0
}

@media (max-width:768px) {
  section.home-intro {
    padding: 32px 15px
  }
}

section.home-intro .name,
section.home-intro h2 {
  color: #0d0d0d
}

section.home-intro .features .whats-qtum {
  opacity: 0
}

section.home-intro .features .name {
  font-size: 18px;
  font-weight: bolder
}

section.home-intro .features div.qtum-icon {
  color: #74d3f6;
  font-size: 2.2em
}

section.home-intro .features .qtum-icon-smart-contract {
  -webkit-transform: scale(.93);
  transform: scale(.93);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

section.home-intro .features .qtum-icon-prove-of-stake {
  -webkit-transform: scale(1.15);
  transform: scale(1.15)
}

section.home-intro .left-part .dots .dot {
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #1299df;
  margin: 0 3px
}

section.home-intro .left-part li {
  margin-bottom: 15px
}

section.home-intro .left-part li:last-child {
  margin-bottom: 0
}

section.home-intro .left-part ul.what-is-qtum li span {
  color: #0d0d0d
}

section.home-intro .left-part ul.commercial-application li {
  position: relative
}

section.home-intro .right-part .gif {
  background-image: url(/user/themes/qtumv4/build/images/intro.gif?c0ab2be9);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: right -5% center
}

section.home-intro-2 {
  background-color: #f5faff
}

@media (min-width:769px) {
  section.home-intro-2 {
    padding: 0
  }
}

section.home-intro-2 .right-part .square {
  margin-bottom: 20%
}

section.home-intro-2 .right-part .gif {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background-size: auto 100%;
  background-image: url(/user/themes/qtumv4/build/images/commercial.gif?7af1e88d);
  background-position: right 10% top -10%
}

section.home-intro-3 {
  padding: 68px 0
}

@media (max-width:768px) {
  section.home-intro-3 {
    padding: 32px 15px
  }
}

section.home-intro-3 .features {
  margin-top: 68px
}

section.home-intro-3 .features h3.name {
  font-size: 14px;
  text-align: center
}

section.home-intro-3 .features div.qtum-icon {
  font-size: 3.2em
}

section.home-intro-4 {
  background-color: #fafbff
}

section.home-intro-4 .right-part {
  padding-left: 3em;
  padding-right: 3em
}

section.home-intro-4 .square {
  width: 100%;
  max-width: 450px;
  margin: 0 auto
}

section.home-intro-4 .wallet-preview {
  background-repeat: no-repeat;
  background-size: contain;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

section.home-intro-4 .wallet-preview-pc {
  background-image: url(/user/themes/qtumv4/build/images/wallet-preview-pc.png?a810c69d);
  background-position: 50%
}

section.home-intro-4 .wallet-preview-core {
  background-image: url(/user/themes/qtumv4/build/images/wallet-preview-core.png?e70ead63);
  width: 78.64%;
  padding-top: 58%;
  left: -25%;
  top: 54%
}

section.home-intro-4 .wallet-preview-mobile {
  background-image: url(/user/themes/qtumv4/build/images/wallet-preview-mobile.png?c8e7a49b);
  width: 21.17%;
  padding-top: 52.09%;
  right: -8%;
  bottom: 20%
}

section.home-developer {
  color: #fff;
  background-color: #001f45;
  background-image: url(/user/themes/qtumv4/build/images/developer.jpg?bc142668);
  background-size: cover;
  height: 370px
}

section.home-developer .title {
  font-size: 44px;
  font-weight: bolder
}

section.home-news {
  padding: 68px 0
}

@media (max-width:768px) {
  section.home-news {
    padding: 32px 15px
  }
}

section.home-news .news {
  transition: all .3s linear
}

section.home-news .news:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px)
}

section.home-news .news:hover a {
  box-shadow: 0 4px 8px hsla(0, 0%, 50.2%, .2)
}

section.home-news .news a {
  color: #0d0d0d;
  display: block;
  border: 1px solid hsla(0, 0%, 50.2%, .3);
  transition: all .3s linear
}

section.home-news .news a .news-thumb {
  position: relative;
  text-align: center
}

section.home-news .news a .news-thumb .news-thumb-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}

section.home-news .news a .news-thumb:before {
  content: "";
  padding-top: 56.89%;
  display: block
}

section.home-news .news a .news-thumb img {
  max-width: 100%
}

section.home-news .news a .news-title {
  height: 3.5em;
  overflow: hidden;
  font-weight: bolder
}

section.home-news .news a .date {
  color: #777
}

section.home-roadmap {
  padding: 68px 0;
  background-color: #f7fbff
}

@media (max-width:768px) {
  section.home-roadmap {
    padding: 32px 15px
  }
}

section.home-roadmap .roadmap .roadmap-tasks {
  line-height: 1.2;
  background-image: linear-gradient(90deg, #e7f6ff 0, #fff);
  padding: 25px
}

section.home-roadmap .roadmap .roadmap-tasks li {
  line-height: 1.5;
  position: relative;
  padding-left: 10px
}

section.home-roadmap .roadmap .roadmap-tasks li:before {
  display: block;
  content: "";
  background-color: #bababa;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0
}

section.home-roadmap .roadmap .roadmap-tasks h3 {
  font-size: 18px
}

section.home-roadmap .roadmap .roadmap-date {
  background-color: #e2f3fe;
  padding: 15px 25px
}

section.home-nodemap {
  height: 100vh;
  max-height: 1440px
}

section.home-nodemap .nodemap {
  position: relative;
  flex: 1;
  width: 100%
}

section.home-nodemap .nodemap-preview canvas {
  cursor: pointer
}

@media (max-width:768px) {
  section.home-nodemap {
    height: auto
  }

  section.home-nodemap .nodemap-preview {
    height: 60vw
  }
}

section.home-nodemap .nodemap-summary {
  width: 100%
}

section.home-nodemap .nodemap-summary .total-count {
  color: #02030b;
  font-size: 28px;
  font-weight: bolder
}

@media (max-width:768px) {
  section.home-nodemap .nodemap-summary .total-count {
    font-size: 24px
  }
}

section.home-nodemap .nodemap-summary .total-count .odometer-inside {
  display: flex
}

section.home-nodemap .nodemap-summary .total-count .odometer-inside .odometer-digit {
  margin: 0 3px;
  border: 1px solid #eee;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  display: flex;
  justify-content: center
}

section.home-nodemap .nodemap-summary .total-count .odometer-inside .odometer-last-value {
  left: 0;
  right: 0
}

section.home-nodemap .country-list {
  width: 90%;
  max-width: 1440px;
  margin: 0 auto
}

@media (max-width:768px) {
  section.home-nodemap .country-list {
    max-width: 70%
  }

  section.home-nodemap .country-list .country-name {
    font-size: 12px
  }
}

section.home-nodemap .country-list .country-name {
  color: #02030b;
  white-space: nowrap
}

section.developer {
  padding: 68px 0
}

@media (max-width:768px) {
  section.developer {
    padding: 32px 15px
  }
}

section.developer:not(:last-child) {
  padding-bottom: 0
}

section.developer h3.section-title {
  border-left: 4px solid #1299df;
  padding-left: 15px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 40px
}

section.developer a.more .qtum-icon {
  font-size: 1em
}

section.developer div.qtum-icon {
  margin-right: 5px;
  color: #74d3f6;
  font-size: 2.2em
}

section.developer .developer-docs .docs-type {
  border: 1px solid #dadada;
  padding: 20px
}

section.developer .developer-docs .docs-list {
  padding-left: 36px
}

section.developer .developer-docs .docs-list li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

section.developer .developer-docs .docs-list li:before {
  content: "•";
  color: #bababa
}

section.developer .developer-community a {
  color: #020202;
  margin-right: 32px
}

section.developer .developer-community a:hover i {
  -webkit-animation-name: headShake;
  animation-name: headShake
}

section.developer .bounty-list .bounty-item {
  border: 1px solid #dadada;
  padding: 10%;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center
}

section.developer .bounty-list .bounty-item .bounty-item-header {
  padding-top: 20%
}

section.developer .bounty-list .bounty-item .icon {
  margin: 0 auto
}

section.developer .bounty-list .bounty-item .bounty-name {
  margin: 15px 0;
  font-size: 1.2em
}

section.developer .bounty-list .bounty-item .bounty-value {
  color: #1299df;
  font-size: 1.5em
}

section.developer .bounty-list .bounty-item .bounty-apply {
  display: block;
  width: 100%;
  border: 1px solid #dadada;
  padding: 5px;
  color: #02030b;
  margin-top: 15px;
  position: relative;
  z-index: 999;
  background-color: #fff
}

section.developer .bounty-list .bounty-item .bounty-desc {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform .3s ease-in;
  transition: transform .3s ease-in;
  transition: transform .3s ease-in, -webkit-transform .3s ease-in;
  background-color: #1299df;
  color: #fff;
  padding: 15px 15px 50px
}

section.developer .bounty-list .bounty-item div.qtum-icon {
  font-size: 4em
}

section.developer .bounty-list .bounty-item:hover .bounty-desc {
  -webkit-transform: scale(1);
  transform: scale(1)
}

section.developer .bounty-list.bounty-applied .bounty-item {
  text-align: left
}

section.developer .bounty-list.bounty-applied .bounty-item .bounty-name {
  font-size: 1em;
  margin: 0
}

section.developer .bounty-list.bounty-applied .bounty-item .bounty-value {
  font-size: 1.2em
}

section.developer .bounty-list.bounty-applied .bounty-item .icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: 5px
}

section.developer .bounty-list.bounty-applied .bounty-item .bounty-status-ongoing {
  color: #1299df
}

section.developer .bounty-list.bounty-applied .bounty-item .bounty-status-closed {
  color: #bababa
}

section.developer.long-term .long-term-desc,
section.developer.long-term .section-title {
  margin-bottom: 15px
}

section.developer.long-term .long-term-bounty .bounty-item {
  border: 1px solid #dadada;
  margin-bottom: 15px;
  padding: 15px;
  height: 160px
}

section.developer.long-term .long-term-bounty .bounty-item .icon {
  margin-top: -9px
}

section.developer.long-term .long-term-bounty span.stay-tuned {
  color: #bababa
}

section.developer.long-term div.qtum-icon {
  font-size: 1.5em
}

section.developer.resource-list .section-title {
  margin-bottom: 25px
}

section.resource {
  background-color: #f4f9ff
}

section.resource .video-tags .video-tag {
  cursor: pointer
}

section.resource .video-tags .video-tag.current,
section.resource .video-tags .video-tag:hover {
  color: #1299df
}

section.resource .video-list .video {
  display: block;
  color: #151515;
  background-color: #fff;
  border-radius: 4px;
  padding-bottom: 15px
}

section.resource .video-list .video .video-thumb {
  position: relative
}

section.resource .video-list .video .video-thumb:before {
  content: "";
  display: block;
  padding-top: 60.95%
}

section.resource .video-list .video .video-thumb .video-thumb-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: 50%
}

section.resource .video-list .video .video-title {
  height: 4em;
  padding: 15px 15px 0;
  overflow: hidden
}

section.resource .video-list .video .video-play-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .2);
  transition: opacity .3s;
  opacity: .7;
  color: #fff
}

section.resource .video-list .video .video-play-icon .icon-bg {
  height: 47px;
  width: 47px;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, .3)
}

section.resource .video-list .video:hover .video-play-icon {
  opacity: 1
}

section.breadcrumbs {
  background-color: #1299df;
  color: #fff;
  height: 3em;
  line-height: 3em
}

section.breadcrumbs a {
  color: #fff
}

section.has-form {
  padding: 68px 0
}

@media (max-width:768px) {
  section.has-form {
    padding: 32px 15px
  }
}

section.has-form h3.section-title {
  text-align: left
}

section.has-form form {
  margin-top: 32px;
  width: 90%;
  max-width: 560px
}

section.has-form form .form-label {
  font-weight: 700
}

section.has-form form .form-label span.required {
  color: red
}

section.has-form form .form-field input,
section.has-form form .form-field textarea {
  width: 100%;
  margin-bottom: 10px;
  padding: 15px;
  outline: none;
  border: 1px solid #dadada
}

section.has-form form .form-field select {
  width: 100%;
  margin-bottom: 10px;
  padding: 15px;
  height: 53px
}

section.has-form form .form-field [data-grav-field=gregwarcaptcha] .form-input-wrapper {
  display: flex
}

section.has-form form .form-field [data-grav-field=gregwarcaptcha] img {
  cursor: pointer
}

section.has-form form .form-field [data-grav-field=gregwarcaptcha] input {
  width: 100px;
  height: 40px;
  margin-bottom: 0
}

section.has-form form button {
  cursor: pointer;
  padding: 15px 20px;
  color: #fff;
  background-color: #1299df;
  border: none;
  outline: none;
  margin-top: 20px;
  transition: all .3s linear;
  border-radius: 4px
}

section.has-form form button:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px)
}

section.news-category {
  padding: 32px 0
}

@media (max-width:767px) {
  section.news-category {
    padding: 15px
  }
}

section.news-category a {
  color: #151515;
  margin-right: 20px;
  padding-bottom: 3px
}

section.news-category a:hover {
  color: #1299df
}

section.news-category a.current {
  border-bottom: 1px solid #1299df
}

section.news-list .news-item {
  padding: 25px 0;
  border-bottom: 1px dotted #dadada
}

@media (max-width:767px) {
  section.news-list .news-item {
    padding: 0
  }
}

section.news-list .news-item a {
  color: #151515
}

section.news-list .news-item a:hover {
  color: #1299df
}

section.news-list .news-item .news-thumb {
  width: 30%;
  max-width: 320px
}

section.news-list .news-item .news-date {
  color: #989898;
  font-size: .8em
}

section.news-list .news-item .news-summary {
  margin-top: 10px;
  color: #a0a0a0
}

section.news-list .news-item .news-summary ol,
section.news-list .news-item .news-summary ul {
  padding-left: 15px
}

@media (max-width:767px) {
  section.news-list .news-item {
    padding-bottom: 0
  }

  section.news-list .news-item .news-thumb {
    width: 100%;
    max-width: 100%
  }
}

section.news-detail {
  padding: 25px 0
}

section.news-detail .news-date {
  color: #989898;
  font-size: .8em
}

section.news-detail .news-content {
  margin-top: 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8
}

section.news-detail .news-content h1,
section.news-detail .news-content h2,
section.news-detail .news-content h3,
section.news-detail .news-content h4,
section.news-detail .news-content h5,
section.news-detail .news-content h6 {
  margin-top: 1em;
  margin-bottom: 1em
}

section.team {
  padding: 68px 0
}

@media (max-width:768px) {
  section.team {
    padding: 32px 15px
  }
}

section.team h3 {
  border-left: 4px solid #1299df;
  padding-left: 15px;
  margin-top: 32px
}

section.team-members {
  background-color: #f0f5f8
}

section.team-members .member {
  cursor: pointer;
  position: relative;
  padding: 15px;
  transition: all .5s ease-in-out
}

@media (min-width:1440px) {
  section.team-members .member {
    max-width: 20%;
    flex: 0 0 20%
  }
}

section.team-members .member .square .square-content {
  background-color: #f6f8f9;
  background-image: url(/user/themes/qtumv4/build/images/default-avatar.jpg?ac79f73b);
  background-size: 100%
}

section.team-members .member img {
  width: 100%;
  height: 100%
}

section.team-members .member .member-desc,
section.team-members .member .member-name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all .3s ease-in-out
}

section.team-members .member .member-name {
  top: calc(100% + 14px);
  transition: all .3s ease-in-out
}

section.team-members .member .member-name .title {
  display: none;
  padding-left: 10px;
  padding-right: 10px
}

section.team-members .member .member-desc {
  top: 0;
  background-color: rgba(18, 153, 223, .9);
  color: #fff;
  padding: 20px 10px;
  overflow-y: auto;
  font-size: 14px;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  font-weight: bolder
}

section.team-members .member .member-desc .name {
  text-align: center;
  font-weight: 700;
  margin-bottom: 5px
}

section.team-members .member .member-desc p:last-child {
  margin-bottom: 0
}

section.team-members .member:focus,
section.team-members .member:hover {
  z-index: 999
}

section.team-members .member:focus .member-name,
section.team-members .member:hover .member-name {
  opacity: 0
}

section.team-members .member:focus .member-desc,
section.team-members .member:hover .member-desc {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

section.backers {
  background-color: #fff;
  background-image: url(/user/themes/qtumv4/build/images/backers.png?118c4ea4);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover
}

section.team-recruitment {
  background-color: #1299df;
  color: #fff
}

section.team-recruitment a.button {
  border: 1px solid #fff
}

section.recruitment {
  padding: 68px 0
}

@media (max-width:768px) {
  section.recruitment {
    padding: 32px 15px
  }
}

section.recruitment h3 {
  border-left: 4px solid #1299df;
  padding-left: 15px
}

section.recruitment .job {
  margin-top: 32px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #dadada
}

section.recruitment .job .job-title {
  margin-bottom: 15px
}

section.recruitment .job .job-location,
section.recruitment .job .job-responsibility {
  color: #999
}

section.recruitment .job .job-responsibility-title {
  font-weight: 400
}

section.faq {
  padding: 32px 0 68px
}

@media (max-width:768px) {
  section.faq {
    padding: 32px 15px
  }
}

section.faq #faq-tabs {
  border-bottom: none;
  margin-bottom: 32px
}

section.faq #faq-tabs a {
  color: #151515;
  margin-right: 20px;
  padding: 0 0 3px;
  border: none
}

section.faq #faq-tabs a:hover {
  color: #1299df
}

section.faq #faq-tabs a.active {
  border-bottom: 1px solid #1299df
}

section.faq .card {
  border: none;
  margin-bottom: 15px
}

section.faq .card .card-header {
  background-color: #f8fbff;
  border: none
}

section.faq .card h5 {
  cursor: pointer
}

section.faq .card h5 .fa {
  -webkit-transform: scale(.7);
  transform: scale(.7)
}

section.faq .card h5 .fa-plus {
  display: none
}

section.faq .card h5 .fa-minus,
section.faq .card h5.collapsed .fa-plus {
  display: inline
}

section.faq .card h5.collapsed .fa-minus {
  display: none
}

section.done {
  padding: 68px 0;
  min-height: 600px
}

@media (max-width:768px) {
  section.done {
    padding: 32px 15px
  }
}

section.nodemap {
  padding: 68px 0
}

@media (max-width:768px) {
  section.nodemap {
    padding: 32px 15px
  }
}

section.nodemap #nodemap-detail-map {
  height: 75vh;
  max-height: 1440px
}

@media (max-width:768px) {
  section.nodemap #nodemap-detail-map {
    height: 60vw
  }
}

section.nodemap .nodemap-container {
  border: 1px solid #e0e0e0
}

section.nodemap .nodes-header {
  padding: 36px 15px;
  border-bottom: 1px solid #e0e0e0
}

@media (max-width:768px) {
  section.nodemap .nodes-header {
    padding: 15px
  }
}

section.nodemap .nodes-header h3 {
  border-left: 2px solid #1299df;
  padding-left: 10px
}

section.nodemap .nodes-header .nodes-count {
  color: #adadad
}

section.nodemap .nodes-header .nodes-count span.count {
  color: #1299df;
  font-size: 24px;
  padding-left: 5px;
  display: inline-block
}

section.nodemap .nodes-ranking {
  padding: 32px;
  color: #02030b
}

section.nodemap .nodes-ranking li {
  margin-bottom: 20px
}

section.nodemap .nodes-ranking li .country-name {
  width: 100px
}

section.nodemap .nodes-ranking li .country-progress {
  height: 20px;
  background-image: linear-gradient(90deg, #64c5fa 0, #4198c4);
  min-width: 1px
}

section.nodemap .nodes-ranking .other-countries span:not(:last-child):after {
  content: ", "
}

html[lang=zh] section.nodemap .other-countries span:not(:last-child):after {
  content: "、"
}

.square {
  position: relative
}

.square:before {
  content: "";
  padding-top: 100%;
  display: block
}

.square .square-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.flex-1 {
  flex: 1
}

.padding {
  padding: 68px 0
}

@media (max-width:768px) {
  .padding {
    padding: 32px 15px
  }
}

.pagination>li {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 5px;
  background-color: #fff;
  border-radius: 4px
}

@media (max-width:480px) {
  .pagination>li {
    margin: 3px
  }
}

.pagination>li a {
  color: #02030b
}

.pagination>li a:hover,
.pagination>li span {
  color: #1299df
}

.VueCarousel-navigation-button i.fa {
  color: #02030b;
  font-size: 24px
}

.VueCarousel-navigation-button.VueCarousel-navigation--disabled i.fa {
  color: #f6f8f9
}

.jarallax {
  position: relative;
  z-index: 0
}

.jarallax>.jarallax-img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.section-error {
  height: calc(100vh - 456px)
}

.section-error .error-notice {
  width: 100%;
  max-width: 400px;
  max-height: 100%;
  margin: 0 auto;
  background-image: url(/user/themes/qtumv4/build/images/error.png?9fe6ad1b);
  background-size: contain;
  background-position: 50%
}

.section-error .error-notice:before {
  content: "";
  display: block;
  padding-top: 50%
}

@media (min-width:576px) {
  .modal-dialog {
    max-width: 1000px;
    width: 80%
  }
}

.video-wrapper {
  position: fixed;
  z-index: 99999;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .3);
  display: none
}

.video-wrapper.playing {
  display: block
}

.video-wrapper .video-container {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1200px;
  max-width: 90%
}

.video-wrapper .video-container:before {
  content: "";
  display: block;
  padding-top: 56.17%
}

.video-wrapper .video-container .video-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.video-wrapper .video-container .video-content iframe,
.video-wrapper .video-container .video-content video {
  width: 100%;
  height: 100%;
  border: 0
}

.video-wrapper .close {
  height: 24px;
  width: 24px;
  line-height: 24px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  z-index: 99;
  top: -12px;
  right: -12px;
  background-color: #fff
}

.qtum-3dlogo-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  overflow: hidden
}

.qtum-3dlogo-container .qtum-3dlogo,
.qtum-3dlogo-container .qtum-3dlogo-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.qtum-3dlogo-container .qtum-3dlogo-bg {
  overflow: hidden
}

.qtum-3dlogo-container .qtum-3dlogo-bg img {
  position: absolute;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2533px;
  height: 1433px;
  max-width: 2533px
}

@media (min-height:1513px) {
  .qtum-3dlogo-container .qtum-3dlogo-bg img {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%
  }
}

.qtum-3dlogo-container .qtum-3dlogo-light {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -2;
  background: radial-gradient(circle at center, #75d0ff 0, transparent 70%)
}

.qtum-3dlogo-container .qtum-3dlogo-light:before {
  content: "";
  display: block;
  padding-top: 100%
}

.animate {
  opacity: 0;
  transition: all 1s ease;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}

.animate.animated {
  opacity: 1
}

.animated.delay-1 {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
  transition-delay: .1s
}

.animated.delay-2 {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  transition-delay: .2s
}

.animated.delay-3 {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  transition-delay: .3s
}

.animated.delay-4 {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  transition-delay: .4s
}

.animated.delay-5 {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  transition-delay: .5s
}

.animated.delay-6 {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  transition-delay: .6s
}

.animated.delay-7 {
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
  transition-delay: .7s
}

.animated.delay-8 {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  transition-delay: .8s
}

.animated.delay-9 {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  transition-delay: .9s
}

.animated.delay-10 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  transition-delay: 1s
}

.animated.delay-11 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  transition-delay: 1.1s
}

.animated.delay-12 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  transition-delay: 1.2s
}

.animated.delay-13 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  transition-delay: 1.3s
}

.animated.delay-14 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  transition-delay: 1.4s
}

.animated.delay-15 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  transition-delay: 1.5s
}

.animated.delay-16 {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  transition-delay: 1.6s
}

.animated.delay-17 {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
  transition-delay: 1.7s
}

.animated.delay-18 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
  transition-delay: 1.8s
}

.animated.delay-19 {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
  transition-delay: 1.9s
}

.animated.delay-20 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  transition-delay: 2s
}

.page-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999
}

.page-loading p {
  font-family: sans-serif
}

.loading {
  min-height: 400px;
  background-color: #fff
}

.loader-wrapper {
  width: 148px;
  height: 100px;
  position: relative
}

.loader-wrapper .loader {
  width: 148px;
  height: 100px;
  top: 0;
  left: 0;
  position: absolute
}

.loader-wrapper .loader:after {
  content: "";
  top: auto;
  position: absolute;
  display: block;
  -webkit-animation: shadow 1.2s linear infinite;
  animation: shadow 1.2s linear infinite;
  bottom: 0;
  left: 0;
  height: .25em;
  width: 1em;
  border-radius: 50%;
  background-color: #041e24;
  opacity: .3
}

.loader-wrapper .loader .roller {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  -webkit-animation: rollercoaster 1.2s linear infinite;
  animation: rollercoaster 1.2s linear infinite;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.loader-wrapper .loader .roller:first-child {
  left: 0
}

.loader-wrapper .loader .roller:last-child {
  right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: rollercoaster2 1.2s linear infinite;
  animation: rollercoaster2 1.2s linear infinite
}

.loader-wrapper .loader .roller:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #27bfe7;
  border-radius: 50%
}

.loader-wrapper .loader:nth-child(2) .roller,
.loader-wrapper .loader:nth-child(2):after {
  -webkit-animation-delay: .15s;
  animation-delay: .15s
}

.loader-wrapper .loader:nth-child(3) .roller,
.loader-wrapper .loader:nth-child(3):after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

@-webkit-keyframes rollercoaster {
  0% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }

  8% {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
  }

  20% {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
  }

  40% {
    -webkit-transform: rotate(380deg);
    transform: rotate(380deg)
  }

  45% {
    -webkit-transform: rotate(440deg);
    transform: rotate(440deg)
  }

  50% {
    -webkit-transform: rotate(495deg);
    transform: rotate(495deg);
    opacity: 1
  }

  50.1% {
    -webkit-transform: rotate(495deg);
    transform: rotate(495deg);
    opacity: 0
  }

  to {
    -webkit-transform: rotate(495deg);
    transform: rotate(495deg);
    opacity: 0
  }
}

@keyframes rollercoaster {
  0% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }

  8% {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
  }

  20% {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
  }

  40% {
    -webkit-transform: rotate(380deg);
    transform: rotate(380deg)
  }

  45% {
    -webkit-transform: rotate(440deg);
    transform: rotate(440deg)
  }

  50% {
    -webkit-transform: rotate(495deg);
    transform: rotate(495deg);
    opacity: 1
  }

  50.1% {
    -webkit-transform: rotate(495deg);
    transform: rotate(495deg);
    opacity: 0
  }

  to {
    -webkit-transform: rotate(495deg);
    transform: rotate(495deg);
    opacity: 0
  }
}

@-webkit-keyframes rollercoaster2 {
  0% {
    opacity: 0
  }

  49.9% {
    opacity: 0
  }

  50% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  58% {
    -webkit-transform: rotate(-160deg);
    transform: rotate(-160deg)
  }

  70% {
    -webkit-transform: rotate(-240deg);
    transform: rotate(-240deg)
  }

  80% {
    -webkit-transform: rotate(-300deg);
    transform: rotate(-300deg)
  }

  90% {
    -webkit-transform: rotate(-340deg);
    transform: rotate(-340deg)
  }

  to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg)
  }
}

@keyframes rollercoaster2 {
  0% {
    opacity: 0
  }

  49.9% {
    opacity: 0
  }

  50% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  58% {
    -webkit-transform: rotate(-160deg);
    transform: rotate(-160deg)
  }

  70% {
    -webkit-transform: rotate(-240deg);
    transform: rotate(-240deg)
  }

  80% {
    -webkit-transform: rotate(-300deg);
    transform: rotate(-300deg)
  }

  90% {
    -webkit-transform: rotate(-340deg);
    transform: rotate(-340deg)
  }

  to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg)
  }
}

@-webkit-keyframes shadow {
  0% {
    opacity: .3;
    -webkit-transform: translateX(65px) scale(.5);
    transform: translateX(65px) scale(.5)
  }

  8% {
    -webkit-transform: translateX(30px) scale(2);
    transform: translateX(30px) scale(2)
  }

  13% {
    -webkit-transform: translateX(0) scale(1.3);
    transform: translateX(0) scale(1.3)
  }

  30% {
    -webkit-transform: translateX(-15px) scale(.5);
    transform: translateX(-15px) scale(.5);
    opacity: .1
  }

  50% {
    -webkit-transform: translateX(60px) scale(1.2);
    transform: translateX(60px) scale(1.2);
    opacity: .3
  }

  60% {
    -webkit-transform: translateX(130px) scale(2);
    transform: translateX(130px) scale(2);
    opacity: .05
  }

  65% {
    -webkit-transform: translateX(145px) scale(1.2);
    transform: translateX(145px) scale(1.2)
  }

  80% {
    -webkit-transform: translateX(120px) scale(.5);
    transform: translateX(120px) scale(.5);
    opacity: .1
  }

  90% {
    -webkit-transform: translateX(80px) scale(.8);
    transform: translateX(80px) scale(.8)
  }

  to {
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
    opacity: .3
  }
}

@keyframes shadow {
  0% {
    opacity: .3;
    -webkit-transform: translateX(65px) scale(.5);
    transform: translateX(65px) scale(.5)
  }

  8% {
    -webkit-transform: translateX(30px) scale(2);
    transform: translateX(30px) scale(2)
  }

  13% {
    -webkit-transform: translateX(0) scale(1.3);
    transform: translateX(0) scale(1.3)
  }

  30% {
    -webkit-transform: translateX(-15px) scale(.5);
    transform: translateX(-15px) scale(.5);
    opacity: .1
  }

  50% {
    -webkit-transform: translateX(60px) scale(1.2);
    transform: translateX(60px) scale(1.2);
    opacity: .3
  }

  60% {
    -webkit-transform: translateX(130px) scale(2);
    transform: translateX(130px) scale(2);
    opacity: .05
  }

  65% {
    -webkit-transform: translateX(145px) scale(1.2);
    transform: translateX(145px) scale(1.2)
  }

  80% {
    -webkit-transform: translateX(120px) scale(.5);
    transform: translateX(120px) scale(.5);
    opacity: .1
  }

  90% {
    -webkit-transform: translateX(80px) scale(.8);
    transform: translateX(80px) scale(.8)
  }

  to {
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
    opacity: .3
  }
}